<div>
  <div class="form-group">
    <label for="stack_template" class="col-sm-1 control-label text-left"> Template </label>
    <div class="col-sm-11">
      <select
        ng-if="$ctrl.templates.length"
        class="form-control"
        ng-model="$ctrl.value"
        ng-options="template.Id as template.label for template in $ctrl.templates"
        ng-change="$ctrl.handleChangeTemplate($ctrl.value)"
      >
        <option value="" label="Select a Custom template" disabled selected="selected"> </option>
      </select>
      <span ng-if="!$ctrl.templates.length"> No custom templates are available. Head over to the <a ui-state="$ctrl.newTemplatePath">custom template view</a> to create one. </span>
    </div>
  </div>

  <!-- description -->
  <div ng-if="$ctrl.selectedTemplate.note">
    <div class="col-sm-12 form-section-title"> Information </div>
    <div class="form-group">
      <div class="col-sm-12">
        <div class="template-note" ng-bind-html="$ctrl.selectedTemplate.note"></div>
      </div>
    </div>
  </div>
  <!-- !description -->
</div>
